<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">响应式网站设计基础</h2>
  <a href="https://www.udacity.com/course/responsive-web-design-fundamentals--ud893">
    <img src="/web/shows/udacity/img/ud893.jpg" class="attempt-right" itemprop="image">
  </a>
  <p itemprop="description">
    在这门课程里，你将与 Google 的 Pete LePage 一起学习响应式设计的基础知识！你将创建自己的响应式网页，
    并且可以在任何设备上正常显示，无论是手机、平板电脑还是桌面设备或任何其他设备。
  </p>
  <p>
    首先，你将学习响应式网站需要具备什么条件，以及一些适用于各种设备的常见响应式设计模式。
    然后，你将学习如何使用视口标记和 CSS 媒体查询创建自己的响应式布局。在此期间，
    你将学习添加大型和小型断点，并优化文本以便于阅读。
  </p>
  <p>
    这个免费的课程可以在 
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/responsive-web-design-fundamentals--ud893" class="external">参加课程</a>
</div>
<div style="clear:both;"></div>
